html,body,form,ol,figure,fieldset,legend,div,p,ul,li,table,hr,tr,td,th,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,input{
    margin: 0;
    padding: 0;
}
html,body{
    height: 100%;
}
html{
    font-size: 26.67vw;
}
body{
    font-family:"微软雅黑",Arial;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: auto;
}
a{
    text-decoration: none;
}
ul,li{
    list-style: none;
}
img{
    border:none;
    display: block;
}
.swiper-container {
    width:100%;
    height: 100%;
}
.text{
    color: #ffffff;
    font-size: 16px;
    position: fixed;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 999;
}
/*音乐小图标*/
.audio{
    position: fixed;
    top: 0.5rem;
    right: 0.2rem;
    width: 0.24rem;
    height: 0.24rem;
    z-index: 999;
    background-image: url("../img/audio1.png");
    overflow: hidden;
    background-size: 0.7rem;
    -webkit-animation: a 2s infinite linear;
    -o-animation: a 2s infinite linear;
    animation: a 1.5s infinite linear;
}
.stop{
    animation: a 1.5s infinite linear paused;
}
@keyframes a {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.two{
    height:0% !important;
}
/*分页器*/
.swiper-pagination{
    color: #ffffff;
    font-size: 0.15rem;
    text-align: right!important;
    left: -0.1rem!important;
}
.second{
    position: fixed!important;
    top: auto!important;
    bottom: 0rem!important;
    background-color: rgba(0,0,0,0) !important;
}
.second .swiper-pagination-progressbar{
    background-color: #71B643!important;
    width:103% !important;
}
.content{
    width: 100%;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
}
/*背景图*/
.page1,.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.page1{
    background-image: url("../img/bg1.jpg");
    background-size: 100%;
}
.page2,.page8{
    background-image: url("../img/bg6.jpg");
    background-size: 100%;
}
.page3,.page5,.page7{
    background-image: url("../img/bg2.jpg");
    background-size: 100%;
}
.page4{
    background-image: url("../img/bg3.jpg");
    background-size: 100%;
}
.page6{
    background-image: url("../img/bg4.jpg");
    background-size: 100%;
}
.page9{
    background-image: url("../img/bg5.jpg");
    background-size: 100% 100%;
}
.p11{
    width: 90%;
    margin:1.5rem auto;

}
/*所有需要定位的小头像和对话*/
.p12,.p13,.p14,.p23,.p24,.p33,.p34,.p35,.p36,.p43,.p44,.p53,.p54,.p55,.p56,.p63,.p64,.p65,.p66,.p67,.p68,.p69,.p60,.p73,.p74,.p75,.p76,.p77,.p78{
    position: absolute;
}

/*每页的第一段文字*/
.p21,.p31,.p41,.p51,.p61,.p71{
    width: 55%;
    margin: 1.5rem auto;
}
/*每页中间的小背景图*/
.p22,.p32,.p42,.p52,.p62,.p72{
    width: 80%;
    margin: -1.4rem auto;
}
/*小头像*/
.p23,.p34,.p35,.p43,.p53,.p56,.p63,.p66,.p67,.p60,.p73,.p76,.p77{
    width: 7%;
}
/*小对话*/
.p24,.p33,.p36,.p44,.p54,.p55,.p64,.p65,.p68,.p69,.p74,.p75,.p78{
    height:5%;
}
.p12{
    top:2.4rem;
    left:1rem;
    width:50%;
}
.p13{
    top: 2.8rem;
    left: 1.3rem;
    width: 35%;
}
.p14{
    top: 3.25rem;
    left: 1.3rem;
    width: 35%;
}
.p23{
    top: 1.9rem;
    left: 1.2rem;
}
.p24{
    top: 1.9rem;
    left: 1.5rem;
}
.p33{
    top: 1.9rem;
    left: 1.05rem;
}
.p34{
    top: 1.9rem;
    left: 2.6rem;
}
.p35{
    top: 2.25rem;
    left: 1.05rem;
 }
.p36{
    top: 2.25rem;
    left: 1.35rem;
}
.p43{
    top: 1.9rem;
    left: 1.1rem;
}
.p44{
    top: 1.9rem;
    left: 1.4rem;
}
.p53{
    top: 1.9rem;
    left: 1.1rem;
}
.p54{
    top: 1.9rem;
    left: 1.4rem;
}
.p55{
    top: 2.25rem;
    left: 1.2rem;
}
.p56{
    top: 2.25rem;
    left: 2.55rem;
}
.p63{
    top: 1.9rem;
    left: 1.1rem;
}
.p64{
    top: 1.9rem;
    left: 1.4rem;
}
.p65{
    top: 2.25rem;
    left: 1.4rem;
}
.p66{
    top: 2.25rem;
    left: 2.45rem;
}
.p67{
    top: 2.6rem;
    left: 1.1rem;
}
.p68{
    top: 2.6rem;
    left: 1.4rem;
}
.p69{
    height: 8%;
    top: 2.95rem;
    left: 1.1rem;
}
.p60{
    top: 2.95rem;
    left: 2.45rem;
}
.p73{
    top: 1.9rem;
    left: 1.1rem;
}
.p74{
    top: 1.9rem;
    left: 1.4rem;
}
.p75{
    top: 2.25rem;
    left: 1.3rem;
}
.p76{
    top: 2.25rem;
    left: 2.55rem;
}
.p77{
    top: 2.6rem;
    left: 1.1rem;
}
.p78{
    top: 2.6rem;
    left: 1.4rem;
}
.p81{
    width: 60%;
    margin: 1.2rem auto;
}
.p82{
    width: 22%;
    margin: -1.1rem auto;
}
.p83{
    width:50%;
    margin: 1.2rem auto;
}
.p84{
    width:40%;
    margin: -1.1rem auto;
}
.p85{
    width:70%;
    margin: 1.2rem auto;
}
.p91{
    width: 35%;
    margin: 1.4rem auto;
}
.p92{
    width: 46%;
    margin: -1.3rem auto;
}
.p93{
    width: 46%;
    margin: 1.4rem auto;
}
.p94{
    width: 50%;
    margin: -0.9rem auto;
}
.p95{
    width: 12%;
    margin-top: 0.25rem;
    margin-left: 1.4rem;
}

